// src/components/header.js
import React from "react"
import { graphql, useStaticQuery } from 'gatsby'

export default function Header () {
    const data = useStaticQuery(graphql`
      query {
        site {
          siteMetadata {
            author
            title
          }
        }
      }
    `)
    return <div>
        <p>{ data.site.siteMetadata.title }</p>
        <p>{ data.site.siteMetadata.author }</p>
    </div>
}